// Ant Design 样式覆盖
// 注意: Ant Design 5.x 不再支持通过 less 变量覆盖的方式自定义主题
// 请使用 ConfigProvider 的 theme 属性进行主题定制

// 自定义组件样式
.ant-layout {
  background: transparent;
}

.ant-layout-header {
  padding: 0 24px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  line-height: 64px;
}

.ant-layout-sider {
  background: #fff;
  box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
  z-index: 10;
  
  .ant-menu {
    border-right: none;
    background: transparent;
  }
  
  .ant-menu-inline,
  .ant-menu-vertical,
  .ant-menu-vertical-left {
    border-right: none;
  }
}

.ant-layout-content {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.ant-layout-footer {
  text-align: center;
  background: transparent;
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.45);
}

// 卡片标题
.ant-card {
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  
  .ant-card-head {
    border-bottom: 1px solid #f0f0f0;
    
    .ant-card-head-title {
      font-weight: 500;
    }
  }
}

// 表格
.ant-table {
  .ant-table-thead > tr > th {
    font-weight: 600;
    background: #fafafa;
  }
  
  .ant-table-tbody > tr > td {
    transition: all 0.3s;
  }
  
  .ant-table-tbody > tr.ant-table-row:hover > td {
    background: #fafafa;
  }
}

// 表单
.ant-form {
  .ant-form-item-label > label {
    font-weight: 500;
  }
}

// 按钮
.ant-btn {
  border-radius: 6px;
  
  &-primary {
    box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
  }
}

// 面包屑
.ant-breadcrumb {
  margin-bottom: 16px;
}

// 菜单
.ant-menu {
  .ant-menu-item {
    border-radius: 6px;
    margin: 4px 8px;
    width: calc(100% - 16px);
  }
  
  .ant-menu-submenu {
    .ant-menu-submenu-title {
      border-radius: 6px;
      margin: 4px 8px;
      width: calc(100% - 16px);
    }
  }
}

// 上传组件
.ant-upload {
  &.ant-upload-select-picture-card {
    border-radius: 8px;
  }
}

// 统计数值
.ant-statistic {
  .ant-statistic-title {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
  }
  
  .ant-statistic-content {
    font-size: 24px;
    font-weight: 600;
  }
}
